iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0

前文

還記得去年,教各位使用 UIKit 這個框架去開發iOS App ,今年我想教各位一些 SwiftUI 的小知識

首先什麼是 SwiftUI

SwiftUI是蘋果公司推出的一個新型用戶界面框架。它採用聲明式語法,讓開發者能夠使用簡潔的Swift程式碼來描述使用者界面。與傳統的UIKit相比,SwiftUI具有以下特點和優勢:

  1. 即時預覽:開發者可以即時看到UI變更的效果。
  2. 自動適應:能夠自動適應不同設備尺寸和深色模式。
  3. 內建動畫:易於實現流暢的動畫效果。
  4. 宣告式語法:相較於UIKit的命令式語法,SwiftUI的宣告式方法更直觀。
  5. 程式碼簡化:通常需要更少、更簡單的代碼來實現相同的功能。
  6. 對初學者友好:相比UIKit,SwiftUI的學習曲線更平緩。

以下是簡單的 SwiftUI 程式碼

struct ContentView: View {
    var body: some View {
        VStack {
            Text("歡迎使用 SwiftUI")
                .font(.largeTitle)
                .foregroundColor(.blue)
            
            Image(systemName: "star.fill")
                .foregroundColor(.yellow)
                .font(.system(size: 50))
            
            Button {
                print("按鈕被點擊了!")
            } label: {
                Text("點擊我")
                    .padding()
                    .background(Color.green)
                    .foregroundColor(.white)
                    .cornerRadius(10)
            }
        }
        .padding()
    }
}

各位是不是發現在宣告元件上更簡單了,使用上也沒有 UIKit 這麼的繁瑣複雜。

創建一個 SwiftUI 專案

這邊注意Storage這邊要記得幫我選 SwiftData 哦

https://ithelp.ithome.com.tw/upload/images/20240904/20161845WzHWvsyuSo.png

結尾

明天我們會教大家在 iOS App 中的簡易資料庫 SwiftData,請明天統一時間繼續收看。


上一篇
Day01 - Swift進階之旅:開啟30天學習序幕
下一篇
Day03 - 什麼是 SwiftData
系列文
Xiang教你進階Swift從有到精30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言